<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jsp/jstl/core" >
 <head>
 </head>    
  <ui:composition template="/templates/default/template.xhtml">
    	<ui:define name="body"> 
 			<h:panelGrid columns="1" style="margin-left:5px;width:100%">	
 				<!--  tieu de -->
	 			<h:panelGrid columns="3" styleClass="columPanelbaritemTitle">
					<h:graphicImage value="/templates/default/images/left-heading_01.jpg" style="margin-left:-4px;margin-bottom:0px"></h:graphicImage>
			  		<h:outputText value="Theo thời gian" styleClass="panelbaritemTitle"></h:outputText>
					<h:graphicImage value="/templates/default/images/left-heading_03.jpg"></h:graphicImage>
		  		</h:panelGrid>
		  			<!-- ket thuc tieu de -->
					<!-- phan noi dung phia duoi -->
		  		<h:panelGrid columns="1" styleClass="panelGridBody">
				<h:form>
				<rich:panel style="background:#FFFFFF">
			  		<h:panelGrid columns="2">
			  			<h:outputText></h:outputText>
						<h:outputText id="idError" value="#{baoCao.error}" style=" color: red;"></h:outputText>
			  			<h:outputText  value="Từ ngày (*):" style="margin-left:20px;" styleClass="inputText" ></h:outputText>
						<h:panelGrid columns="1">
			  			<a4j:outputPanel id="calendar1" layout="block" style="margin-left:6px;" styleClass="inputText">
                    		<rich:calendar  value="#{baoCao.starDate}" datePattern="dd/MM/yyyy"/>
           				 </a4j:outputPanel>
						</h:panelGrid>
		    			<h:outputText  value="Đến ngày(*) :"  style="margin-left:20px;" styleClass="inputText" ></h:outputText>
						<h:panelGrid columns="1">
			  			<a4j:outputPanel id="calendar2" layout="block"  style="margin-left:6px;" styleClass="inputText">
                    		<rich:calendar value="#{baoCao.endDate}" datePattern="dd/MM/yyyy" />
           				 </a4j:outputPanel>
						</h:panelGrid>
						
						<h:outputText value="Biểu mẫu:" style="margin-left:20px;" styleClass="inputText" ></h:outputText>
			    		<h:selectOneMenu  styleClass="InputControl" value="#{baoCao.pattern}">
			    		    <f:selectItem itemValue="-1" itemLabel="Tất cả"/>
					    	<f:selectItem itemValue="3" itemLabel="3 cột"/>	
					    	<f:selectItem itemValue="5" itemLabel="5 cột"/>	
					    	<f:selectItem itemValue="8" itemLabel="8 cột"/>	
					    	<f:selectItem itemValue="10" itemLabel="10 cột"/>	
					    	<f:selectItem itemValue="15" itemLabel="15 cột"/>		
			    		</h:selectOneMenu>
						
			  		<!-- action -->	
			  		</h:panelGrid>
			  	   <h:panelGrid columns="2" style="margin-left:140px;margin-top:10px">
			    	<a4j:commandButton  value="Xem" styleClass="Button"
			    	   reRender="idError" action="#{baoCao.view}" ></a4j:commandButton>
			        <a4j:commandButton   value="Reset" styleClass="Button" action="#{baoCao.reset}"></a4j:commandButton>
			      </h:panelGrid>
		  		</rich:panel>
		  		  <!-- ket thuc action -->
				</h:form>
			   </h:panelGrid>	
			    <ui:include src="#{baoCao.path}" />
			</h:panelGrid>  
</ui:define>
</ui:composition>			
      
 </html>     